
* { margin:0; padding:0; }
body{
font-family: "Trebuchet MS", "lucida sans unicode", "lucida grande",helvetica,arial,sans-serif;
background: #3a3a3a url(bg.gif) repeat-x top left;
}

html, body {
	height: 100%; 
}

#body-wrapper { width:1006px; margin: 0 auto; padding: 40px 0;}
#wrap-top { height:28px; background: transparent url(wrap.top.png) no-repeat top left; }
#wrap-bottom { height:28px; background: transparent url(wrap.bottom.png) no-repeat top left; }
#wrap-content { background: transparent url(wrap.middle.png) repeat-y top left; padding: 0 28px;}

.clear { clear:both;font-size:1px; height:0; }
fieldset {border:0;}

input {font-size: 13.5pt; border:1px solid #a3a3a3; padding:4px; width:99%;}
form p { font-size:8.5pt; text-align:left;padding: 5px 0;}
form .submit { font-size: 8.5pt; width:auto; letter-spacing: 1px; font-variant: small-caps; }
form textarea { border: 1px solid #a3a3a3; }

table {border-collapse:separate;width:100%;background:#637E9F; }
table th {background:#9BABBF;}
table td {background:#fff;}

.tcenter {text-align:center;}
.tleft {text-align:left;}
.tright {text-align:right;}
.small {font-size:8.5pt;}
.clickable {cursor:pointer;}
.wauto { width: auto; }
.borderless { border: 0; }
a img { border: 0; }

a { font-size: 9pt; }



#page-title { color: #612c14; border-bottom: 1px solid #a3a3a3; font-size: 16pt; position:relative; font-variant: small-caps;}
#menu-container { float:right; height: 22px; position: relative; margin-top: -27px;  }
#menu { list-style-type: none; height:22px; }
#menu li { float: left; width: 90px; background: url(menu.bg.gif) no-repeat top left; margin-left: 4px; }
#menu li:hover, #menu li.current { background-position: 0px -22px; }
#menu li a {color: #fff; text-decoration:none; display: block; text-align:center; font-size: 9pt; height: 22px; letter-spacing: 1px; line-height:17pt; }


#items-list {width: 250px; float:left; border-right: 1px solid #a3a3a3; }
#items-list .item a { display: block; text-decoration: none; color: #000; padding: 5px 10px; padding-right: 20px; overflow: hidden; float: left; width: 200px;}
#items-list .item a:hover { background: url(pencil.png) no-repeat 190px center;}
#items-list .item input {float: left; margin-top: 7px; }
#item-add-link { margin: 20px 0; }
#item-delete-link { margin-top: 20px; text-align: center; }
#item-delete-link input { background: url(delete.button.gif) no-repeat left center; cursor: pointer; width: 87px; height:20px; border:0; color: white; font-size: 9pt; }
#editor { float:left; width: 669px; padding: 15px; }

#items-container { width: 250px; height: 435px; overflow: hidden; }
.items-page { width: 250px; float: left; height:435px; }
.items { height:435px; }







.humanMsg {
	font: normal 20px/50px Helvetica, Arial, Sans-Serif;
	letter-spacing: -1px;
	position: fixed;
	top: 130px;
	left: 25%;
	width: 50%;
	color: white;
	background-color: black;
	text-align: center; 
	display: none;
	opacity: 0;
	z-index: 100000;
}
.humanMsg p { padding: .3em; display: inline;  }
.humanMsg a { display: none; }


#overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #000; display: none; opacity: 0; }



